<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <title></title>
    <!--<link rel="stylesheet" href="css/mui.css"/>-->
    <script>
        /**
         * Created by Administrator on 2017/7/1.
         */
        !(function(win, doc){
            function setFontSize() {
                // 获取window 宽度
                var winWidth =  window.innerWidth;
                // doc.documentElement.style.fontSize = (winWidth / 640) * 100 + 'px' ;

                // 640宽度以上进行限制 需要css进行配合
                var size = Math.floor((winWidth / 750) * 16);
                console.log(size)
                doc.documentElement.style.fontSize = (size < 16 ? size : 16) + 'px' ;
            }

            var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';

            var timer = null;

            win.addEventListener(evt, function () {
                clearTimeout(timer);

                timer = setTimeout(setFontSize, 300);
            }, false);

            win.addEventListener("pageshow", function(e) {
                if (e.persisted) {
                    clearTimeout(timer);

                    timer = setTimeout(setFontSize, 300);
                }
            }, false);

            // 初始化
            setFontSize();

        }(window, document));
    </script>
    <link rel="stylesheet" href="css/style.css"/>
</head>
<body>
    <div class="container">
        <div class="after">
            <img src="image/16_wx_01.png" alt=""/>
        </div>
        <div class="love">
            <div class="love-bg after">
                <img src="image/16_wx_13_01.png" alt=""/>
                <img src="image/16_wx_13_01.png" alt=""/>
                <img src="image/16_wx_13_01.png" alt=""/>
                <img src="image/16_wx_13_01.png" alt=""/>
                <img src="image/16_wx_13_01.png" alt=""/>
                <img src="image/16_wx_13_01.png" alt=""/>
                <img src="image/16_wx_13_01.png" alt=""/>
                <img src="image/16_wx_13_01.png" alt=""/>
                <img src="image/16_wx_13_01.png" alt=""/>
            </div>
            <div class="love-content">
                <div class="love-content-person after">
                    <div class="love-person-img lf">
                        <img src="image/16_wx_17.png" alt=""/>
                    </div>
                    <div class="love-person-info rf">
                        <h4>他的表白</h4>
                        <p>
                            亲爱的XXX，你不开心的时候，我陪你，你哭泣的时候，我陪你，你心情很不爽的时候，我陪你，你不想回家的时候，我陪你，无论怎样，我都陪你，只因为你是我最爱的...
                        </p>
                    </div>
                </div>
                <div class="love-person-rank">
                    <h4>已获得 <span>999</span> 个祝福 | 现排在第 <span>9</span>名</h4>
                </div>
            </div>

        </div>
        <div class="after">
            <img src="image/16_wx_06.png" alt=""/>
        </div>
        </div>


<script src="js/index.js"></script>
</body>
</html>